<!-- 使用事件切换链接 -->
<template>
    <!-- 创建路由链接 -->
    <input type="button" value="切换路由" @click="btn">
    <!-- 渲染当前 URL 路径对应的路由组件 -->
    <RouterView></RouterView>
</template>

<script setup>
// 导入依赖包
import { RouterLink, RouterView } from 'vue-router';
import { useRoute, useRouter } from 'vue-router';

// 使用路由
const router = useRouter()
const route = useRoute()

// 点击函数
function btn() {
    // 创建路由链接
    if (route.fullPath === '/') {
        router.push("/Profile")
    } else if (route.fullPath === '/Profile') {
        router.push("/Settings")
    } else if (route.fullPath === '/Settings') {
        router.push("/")
    }
}

</script>